body{background-color:#f5f5f5}
.dating_top{position:relative;overflow:hidden;top:0;margin-top:5rem}
.dating_top h1{color:#fff;font-size:1.8rem;line-height:5rem}
.dating_top:after{width:200%;height:30rem;position:absolute;left:-50%;top:-20rem;z-index:-2;content:'';border-radius:0 0 50% 50%;background-size:50%}
.dating_top:before{content:'';position:absolute;top:0;left:0;width:100%;height:10rem;z-index:1;overflow:hidden;background-size:100%}

.dating_nav{width:94%;background-color:#fff;min-height:21rem;margin:0 auto 1.2rem auto;border-radius:1.2rem;padding:1.2rem 1.5rem;height:11.8rem;padding-top:2rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;z-index:1;/*;box-shadow:0 0 2.4rem rgba(0,0,0,0.08)*/}
.dating_nav a{width:33%;display:inline-block;text-align:center;float:left;margin-bottom:1.5rem}
.dating_nav a i{width:5rem;height:5rem;line-height:5rem;border-radius:2.5rem;display:inline-block;font-size:2.4rem;color:#fff;position:relative}
.dating_nav a i b{display:inline-block;width:1.1rem;height:1.1rem;border-radius:1.2rem;right:0;top:-.2rem;position:absolute;background-color:#FF5722;border:#fff 1px solid;color:#00f;font-size:1.2rem}
.dating_nav a span{width:6rem;display:block;margin:.8rem auto 0 auto}
.dating_nav a:nth-child(1) i,.dating .listbox a span.c1{background-color:#bbbe90}
.dating_nav a:nth-child(2) i,.dating .listbox a span.c2{background-color:#ffc485}
.dating_nav a:nth-child(3) i,.dating .listbox a span.c3{background-color:#7ad073}
.dating_nav a:nth-child(4) i,.dating .listbox a span.c4{background-color:#b4aad4}
.dating_nav a:nth-child(5) i,.dating .listbox a span.c5{background-color:#7ad3e9}
.dating_nav a:nth-child(6) i,.dating .listbox a span.c6{background-color:#f3849b}

/*list*/
.dating{width:94%;margin:0 auto;border-radius:1.2rem;padding-bottom:1rem;background-color:#fff}
.dating .listbox{text-align:left}
.dating .listbox a{display:block;border-bottom:#f5f5f5 1px solid;overflow:hidden;-webkit-user-select:none;position:relative;padding:0 1.5rem 1.8rem 9rem}
.dating .listbox a:after{position:absolute;line-height:8rem;content:'\e601';width:1rem;height:2rem;display:block;font-size:1.5rem;top:1.2rem;right:1.8rem;color:#c6c6c6;font-family:"www_zeai_cn_iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.dating .listbox a img{width:6rem;height:6rem;border-radius:.6rem;position:absolute;left:1.5rem;top:1.8rem;object-fit:cover;-webkit-object-fit:cover}
.dating .listbox a span.datingkind{width:6rem;line-height:2rem;font-size:1.2rem;border-radius:2.3rem;color:#fff;position:absolute;top:6.5rem;left:1.5rem;overflow:hidden;text-align:center}
.dating .listbox a h4{width:92%;font-size:1.6rem;display:inline-block;color:#000;padding-top:1.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dating .listbox a h5{display:block;color:#999}
.dating b{font-weight:normal;color:#FF5722}
.dating .listbox em{margin-top:.5rem}
.dating .listbox em font{color:#999}
.dating .listbox em font i{display:inline;color:#bbb}
.dating .listbox a .timestyle{display:inline-block;min-width:.9rem;font-size:1.2rem;margin:0 .5rem;border-radius:1.2rem;padding:0 .5rem;height:1.8rem;line-height:1.8rem;text-align:center;color:#fff}

/*add*/
/*.dating_add{position:fixed;bottom:1rem;text-align:center;line-height:1.6rem;left:-webkit-calc(50% - 2.5rem);display:block;width:5rem;height:5rem;line-height:1.6rem;font-size:1.2rem;border-radius:3rem;color:#fff;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom);}
*/
.dating_add{position:fixed;bottom:7rem;right:1rem;text-align:center;line-height:1.6rem;display:block;width:5rem;height:5rem;line-height:1.6rem;font-size:1.2rem;border-radius:3rem;color:#fff;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom);}
.dating_add i{font-size:2.2rem;line-height:2.2rem;height:2.2rem;display:block;margin-top:.5rem;margin-bottom:.2rem}

.dating_add span{display:inline-block;margin-top:.8rem;line-height:1.4rem}

/*addbox*/
.addbox{width:100%;text-align:center;padding:5rem 3% 10rem 3%;box-sizing:border-box;background-color:#fff}
.addbox dl{width:100%;margin:1rem auto;clear:both;overflow:auto;text-align:left}
.addbox dl dt,.addbox dl dd{line-height:4rem}
.addbox dl dt{width:7rem;float:left;font-size:1.5rem}
.addbox dl dd{width:-webkit-calc(100% - 8rem);float:left}
.addbox .SW{width:30%}
.addbox .SW_area{width:23%}
.addbox .textarea{width:100%}
.addbox .W50{margin-bottom:.5rem}
.addbox .flag0{background-color:#ccc;color:#fff;font-size:1.2rem;margin-left:.5rem;padding:.2rem .5rem}
.addbox .tips{line-height:150%;display:block;font-size:1.2rem;color:#8d8d8d;padding:.5rem 0 .2rem 0}
.nextbtn{width:100%;max-width:750px;height:9rem;padding-top:1.5rem;position:fixed;bottom:0;left:0;right:0;margin:auto;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;z-index:889}
.nextbtn button{width:86%;max-width:750px;margin:0 auto;border-radius:3rem;display:inline-block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.top_mini4{z-index:6}

/*detail正文*/
.read{padding-top:6rem}
.read,.post{margin:1rem auto;text-align:left;background-color:#fff;clear:both;overflow:auto}
.read a.hfbtn{position:absolute;top:.6rem;right:1.5rem;width:5rem;line-height:3.2rem;text-align:center;border-radius:.2rem;color:#fff;font-size:1.4rem;background-color:rgba(0,0,0,0.2);z-index:10}
.read a.hfbtn:hover{background-color:rgba(0,0,0,0.1)}

.read .titled{width:94%;padding:0 3%}
.read .titled{border-bottom:#f8f8f8 1px solid;padding-bottom:1rem;clear:both;overflow:auto}
.read .titled h1{font-size:1.6rem;margin-bottom:.5rem}
.read .titleL{float:left;position:relative}
.read .titleL img{width:6rem;height:6rem;border-radius:3rem;margin-right:1rem;object-fit:cover;-webkit-object-fit:cover}
.read .titleL span.datingkind{width:6rem;line-height:2rem;height:2rem;font-size:1.2rem;border-radius:2.3rem;color:#fff;position:absolute;top:4.5rem;left:0;overflow:hidden;text-align:center}
.read .titleL span.c1{background-color:#bbbe90}
.read .titleL span.c2{background-color:#ffc485}
.read .titleL span.c3{background-color:#7ad073}
.read .titleL span.c4{background-color:#b4aad4}
.read .titleL span.c5{background-color:#7ad3e9}
.read .titleL span.c6{background-color:#f3849b}

.read .titleR{float:right;width:-webkit-calc(100% - 8rem)}
.read .titleR span {color:#999}
.read .titleR span b{font-weight:normal;color:#FF5722}
.read .titleR em{margin-top:.5rem}
.read .titleR em span{color:#333}
.read .titleR em font{color:#999}
.read .titleR em font i{display:inline;color:#bbb}
.read .titleR .timestyle{display:inline-block;min-width:.9rem;font-size:1.2rem;margin:0 .5rem;border-radius:1.2rem;padding:0 .5rem;height:1.8rem;line-height:1.8rem;text-align:center;color:#fff}

.read em dl{width:94%;overflow:hidden;position:relative;margin:1rem auto}
.read em dl dt,.read em dl dd{float:left;line-height:3rem}
.read em dl dt{width:6.5rem;color:#8d8d8d}
.read em dl dd{width:-webkit-calc(100% - 6.5rem);color:#E54375}
.read em dl:nth-child(10) dd{color:#8d8d8d}
.read em dl:nth-child(10) dd span{color:#E54375}
.read em dl dd font{color:#06BC07;line-height:2rem;display:inline-block;padding:0 1.5rem;border:#dedede 1px solid;background-color:#f9f9f9;border-radius:2rem}
.read em .bmform{text-align:center}
.read em .bmform textarea{width:90%;background-color:#f8f8f8;height:12rem;padding:2%;margin:1rem 0;line-height:150%}
.read em .bmform span{font-size:1.2rem;color:#999;display:block}
.read em .bmform .btn2{margin:2rem auto;display:block}
.read .size4{margin:2rem auto 5rem auto}
.read a.delmy{width:18rem;display:block;line-height:4rem;text-align:center;background-color:#333;color:#fff;font-size:1.4rem;position:fixed;;left:-webkit-calc(50% - 9rem);bottom:2rem;border-radius:2.2rem}
.read .linebox{z-index:0}

/*detali bm user list*/
.listboxu{text-align:left;padding-top:6rem;background-color:#fff;min-height:70rem}
.listboxu li{border-bottom:#f5f5f5 1px solid;-webkit-user-select:none;position:relative;padding:0 1.5rem 1.5rem 7rem;clear:both;overflow:auto}
.listboxu li img.photo_s{width:4.4rem;height:4.4rem;border-radius:3rem;position:absolute;left:1.5rem;top:1.8rem;object-fit:cover;-webkit-object-fit:cover}
.listboxu li h4{width:92%;font-size:1.6rem;display:inline-block;color:#000;padding-top:1.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.listboxu li h6{display:block;color:#666}
.listboxu li .size2{position:absolute;right:2rem;top:2.5rem}
.listboxu li .best{position:absolute;right:2rem;top:2.5rem;background-color:#45C01A;display:inline-block;width:8rem;text-align:center;line-height:2.8rem;color:#fff;border-radius:.3rem}
.listboxu li .contact{width:90%;font-size:1.2rem;margin-top:1rem;display:inline-block}

.bmtbody{color:#999;width:100%;margin:1.5rem auto 0 auto;padding:0 1.5rem 1.5rem 1.5rem;border-bottom:#eee 1px solid;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.bmtbody h3{color:#000;margin-bottom:.5rem}
.bmtbody b{font-weight:normal;color:#FF5722}